1.Map
ol/ol/map.js
1.1构造函数
1 | ol.Map = function(options) { |
常量对象共享地图设置,并且将常量对象共享出去,作为公用变量
1 | goog.provide('ol.MapProperty'); |
createOptionsInternal
函数对map中的配置对象进行处理。
1 | //分别处理layer、layerGroup、target、view、renderer、controls、interactions、overlays |
运用实例-初始化:
1 | var map = new ol.Map({ |
1.2 方法 事件
方法 事件列表:1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47addControl
addInteraction
addLayer
addOverlay
beforeRender
changed
dispatchEvent
forEachFeatureAtPixel
forEachLayerAtPixel
get
getControls
getCoordinateFromPixel
getEventCoordinate
getEventPixel
getInteractions
getKeys
getLayerGroup
getLayers
getOverlayById
getOverlays
getPixelFromCoordinate
getProperties
getRevision
getSize
getTarget
getTargetElement
getView
getViewport
hasFeatureAtPixel
on
once
removeControl
removeInteraction
removeLayer
removeOverlay
render
renderSync
set
setLayerGroup
setProperties
setSize
setTarget
setView
un
unByKey
unset
updateSize
实现方式举几个例子:
1 | ol.Map.prototype.addControl = function(control) { |
controls
控件,控件添加到map
上,对控件设置两个监听事件,增加、删除。
1 | this.controls_ = optionsInternal.controls; |
2.View
ol/ol/view.js
2.1构造函数
1 | ol.View = function(opt_options) { |
运用实例:
1 | var map = new ol.Map({ |
1 | goog.provide('ol.View'); |
提供不只是一个构造函数,还有两个常量对象,其中一个常量对象包含三个常量如下所示:
1 | ol.ViewProperty = { |
其实,我们在对象属性中写出来的,如center
,作用等同于用下面介绍的方法setCenter
,其本质是写入常量中,共享出去作为公用。
2.2方法 事件
举例;
1 | ol.View.prototype.setCenter = function(center) { |